<template>
  <div class="wechat-box">
        <a :href="href" target="_blank"><img :src="src"></a>
        <h2>{{ content }}</h2>
        <div>{{ desc }}</div>
  </div>
</template>
<script>
  export default{
    props: ['href', 'src', 'content', 'desc']
  }
</script>
<style scoped>
  .wechat-box{
    display: inline-block;
    width:280px;
    height:280px;
    margin: 0 5px;
    padding: 10px;
    overflow: hidden;
  }
  .wechat-box img{
    width:80px;
    height:80px;
    margin: 30px;
  }
  .wechat-box h2{
    color: #000000;
  }
  .wechat-box div{
    /* text-indent: 2em; */
    text-align: left;
  }
</style>
